﻿*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}
body,html{position:relative;display:-webkit-box;overflow:hidden;height:100%;min-width:8.53333rem;-webkit-touch-callout:none;-webkit-box-orient:vertical;-webkit-box-align:stretch}
img{display:block;width:100%}


section{position:relative;margin:0 auto;width:10rem;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;background:rebeccapurple}
.machine{width:8.77333rem;height:11.52rem;background:url(../images/machine_bg.png);background-size:cover;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.rotate_box{width:60%;margin:0 auto;padding-top:37%}
.rotate_box dd{width:32%;height:3.46667rem;margin-right:2%;float:left;background:url(../images/prize.png);background-size:cover}
.rotate_box dd:last-child{margin-right:0}
.rotate_btn{width:.58667rem;height:1.78667rem;overflow:hidden;position:absolute;right:.32rem;bottom:6rem;transform-origin:center bottom}
.btn_box{width:5.92rem;position:absolute;left:50%;margin-left:-2.96rem;bottom:2.61333rem}
.poiner{width:.88rem;position:absolute;right:-.37333rem;top:1.06667rem}
.btn_box{width:5.92rem;position:absolute;left:50%;margin-left:-2.96rem;bottom:2.61333rem}
.mask{width:100%;height:100%;background:rgba(0,0,0,.5);position:fixed;left:0;top:0;display:none}
.mask img{width:267px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}